<div class="bs-docs-header bs-bg-black" id="content">
  <div class="container">
    <h1>Information</h1>
    <p>This page contains General Information and Frequently Asked Questions (FAQs) about Fightere</p>
  </div>
</div>

<main id="content-container" class="container" role="main">

<div class="row">
  <div class="col-md-2">
    <div class="bs-docs-sidebar">
      <ul class="nav bs-docs-sidenav">
        <li><%= link_to 'General Info', "#general-info" %></li>
        <li><%= link_to 'Ladder Info', "#ladder-info" %></li>
        <li><%= link_to 'Payment Info', "#payment-info" %></li>
        <li><%= link_to 'FAQs', "#faqs" %></li>
        <li><%= link_to 'Miscellaneous', "#miscellaneous" %></li>
      </ul>
    </div>
  </div>

  <div class="col-md-9 well">
    <div class="bs-docs-section">
      <h2 class="page-header">Everything you need to know about Fightere</h2>
      <div class="bs-callout bs-callout-warning">
        <h4>Rules and regulations</h4>
        <p>
          Please check out <%= link_to 'Fightere Rules and Regulations', rules_path %> for important safety warnings, ladder and match rules!
        </p>
      </div>
      <h3 id="general-info">General Information</h3>
      <p>
        Fightere is a match-up ladder network of mixed martial arts fighters, comprising geographic based fighting rings (typically grouped by city). Each ring has a ladder which consists of many Rung. Two matches are played during a three week round with the results determining placement for the next round. It is up to the players to be available for each round, joining or withdrawing as their schedule permints.
      </p>

      <h3 id="ladder-info">Ladder Information</h3>
      <p>
      </p>

      <h3 id="payment-info">Payment Information</h3>
        <div class="bs-callout bs-callout-info">
          <h4>Pay as you fight</h4>
          <p>
            Fightere is a, the cost to join the fighters network for ladder matching up is 
          </p>
        </div>
      <p>
      </p>

      <h3 id="faqs">Frequently Asked Questions</h3>
      <p>
      </p>

      <h3 id="miscellaneous">Miscellaneous</h3>
      <p>

      </p>

    </div>
  </div>

</div>
</main>

